<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- <meta charset="UTF-8"> -->
<meta name="Keywords" content="关键词,关键词">
<meta name="description" content="">
<title></title>

<link rel="stylesheet" href="<%=basePath%>css/base.css" type="text/css" />
<link rel="stylesheet" href="<%=basePath%>css/headbott.css"	type="text/css" />
<link rel="stylesheet" href="<%=basePath%>css/index.css" type="text/css" />
<link rel="stylesheet" href="<%=basePath%>css/swiper.min.css" />
</head>
<body>
	<div id="header">
		<div class="heade-con">
			<div class="logo">
				<a href=""><img src="<%=basePath%>images/LOGO.png" /></a>
			</div>
			<div class="nav posa">
				<ul>
					<li><a class="vcolor" href="<%=basePath %>pages/frontIndex.action">首页</a></li>
					<li><a href="<%=basePath %>Projects/frontList.action">公益众筹</a></li>
					<li><a href="<%=basePath %>add/questionAllList.action">常见问题</a></li>
					<li><a href="<%=basePath %>news/frontComments.action">众筹资讯</a></li>
					<li><a href="<%=basePath %>pages/publish/TheProject.action" style="">发布项目</a></li>
				</ul>
			</div>
			<div class="search">
				<form action="${pageContext.request.contextPath }/Projects/frontListName.action">
					<input type="text" class="search-txt" name="name" value="" placeholder="找项目">
					<input type="submit" class="search-but" value="">
				</form>
			</div>
			<div class="index-login">
				<c:if test="${user == null }">
				<a href="<%=basePath%>pages/frontLogin.action">登录</a>
				<span style="color: white;">|</span>
				<a href="reg.html">注册</a>
				<span style="color: white;">|</span>
				</c:if>
				<c:if test="${user != null }">
				
				<a href="<%=basePath %>/pages/user.action" style="color:green;font-size:16px">热烈欢迎: ${user.name} ${user.sex}士</a>
				<a  href="<%=basePath %>/pages/secede.action" style="color:red;font-size:18px">退出</a>
				</c:if>
			</div>
		</div>
	</div>


	<!--<div class="banner"></div>-->

	<!-- Swiper -->
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<img src="<%=basePath%>images/1525661829.jpg">
			</div>
			<div class="swiper-slide">
				<img src="<%=basePath%>images/1525661991.png">
			</div>
		</div>
		<!-- Add Pagination -->
		<div class="swiper-pagination"></div>
		<!-- Add Arrows -->
		<div class="swiper-button-next"></div>
		<div class="swiper-button-prev"></div>
	</div>



	<div class="content">

		<!--<div class="index-mrjxtit">每日精选</div>-->
		<div class="index-mrjx">
			<div class="index-mrjx_left">
				项目推荐
				<p>
					<a href="">更多<br> 项目
					</a>
				</p>
			</div>
			<div class="index-mrjx_min">
				<a href=""><img src="<%=basePath%>images/pruduct1_32.jpg" alt="" /></a>
			</div>
			<div class="index-mrjx_botto">
				<div class="index-pruduct">
				<c:forEach items="${findAllSplit}" var="projects">
					<ul>
						<li>
							<div class="index-plidiv1">
								<a href="<%=basePath%>Projects/frontIndexDetail.action?ps_id=${projects.id }"><img src="${projects.file }"
									width="237px" height="155px" alt="" /></a>
								<div class="index-p_dkz">等款中</div>
							</div>
							<p>
								<a href="">${projects.name }</a>
							</p>
							<div class="index-pli-bot">
								<dl>
									<dt>${projects.getMoney/projects.money*100 }%</dt>
									<dd>达成率</dd>
								</dl>
								<dl>
									<dt>${projects.getMoney }</dt>
									<dd>已筹金额</dd>
								</dl>
								<dl>
									<dt>${projects.getPeople }</dt>
									<dd>支持人数</dd>
								</dl>
							</div>
						</li>
					</ul>
					</c:forEach>
				</div>
			</div>
		</div>
		<div class="ggt2">
			<a href=""><img src="<%=basePath%>images/ggt2_39.jpg" alt="" /></a>
		</div>
		<div class="index-jjks">

			<div class="index-jjkstit">即将开始</div>
			<div class="index-jjkscon">
				<c:forEach items="${findAllSplitTerm12}" var="projects2">
				<ul>
					<li>
						<div class="index-jjkscon1">
							<a href=""><img src="${projects2.file }"
								width="238" height="155" alt="" /></a>
							<div class="index-j_dkz">预热中</div>
						</div>
						<div>
							<a href="">${projects2.name }</a>
						</div>
						<div>
							<i>目标金额：<span>${projects2.money }</span></i><b>上线日期<span><fmt:formatDate value="${projects2.startTime }" type="both"/></span></b>
						</div>
					</li>
				</ul>
				</c:forEach>
			</div>
		</div>
		<div class="ggt2 ggt3">
			<a href=""><img src="<%=basePath%>images/ggt2_39.jpg" alt="" /></a>
		</div>
		<div class="index-jjks">

			<div class="index-jjkstit">成功案例</div>
			<div class="index-jjkscon">
			<c:forEach items="${findAllSplitTerm3}" var="projects3">
				<ul>
					<li>
						<div class="index-jjkscon1">
							<a href=""><img src="${projects3.file }"
								width="238" height="155" alt="" /></a>
							<div class="index-j_dkz">预热中</div>
						</div>
						<div>
							<a href="">${projects3.name }</a>
						</div>
						<div>
							<i>已获得：<span>${projects3.money }</span></i><b>支持人数<span>${projects3.getPeople }</span></b>
						</div>
					</li>
					
				</ul>
				</c:forEach>
			</div>
		</div>
		<div class="ggt2 ggt3">
			<a href=""><img src="<%=basePath%>images/ggt2_39.jpg" alt="" /></a>
		</div>
		
	</div>
	<div id="bottom">
		<div class="bot-con1">
			<ul>
				<li class="bot-con1-li1">我们已经做到</li>
				<li style="width: 200px;height: 200px">单项支持人数<span>${ps_getpeople}</span></li>
				<li>单项筹款金额<span>${ps_getmoney}</span></li>
				<li>累计筹款金额<span>${getmoney}</span></li>
			</ul>
		</div>
		<div class="bot-con1 bot-con2">
			<ul>
				<li class="bot-con1-li1">发起项目流程</li>
				<li><span class="inde-span4"></span>发起人创建项目</li>
				<li><span class="inde-span5"></span>项目获得支持</li>
				<li><span class="inde-span6"></span>发起人发放回报</li>
				<li><span class="inde-span7"></span>用户收到回报</li>
			</ul>
		</div>
		<div class="bottom-ggt">
			<a href=""><img src="<%=basePath%>images/bottbom_68.jpg" alt="" /></a>
		</div>
		<div class="zc-yqlink">
			<ul>
				<li><a href="">阿里巴巴集团</a></li>
				<li><a href="">淘宝网</a></li>
				<li><a href="">天猫</a></li>
				<li><a href="">聚划算</a></li>
				<li><a href="">全球速卖通</a></li>
				<li><a href="">阿里巴巴国际交易市场</a></li>
				<li><a href="">1688</a></li>
				<li><a href="">阿里妈妈</a></li>
				<li><a href="">阿里旅行</a></li>
				<li><a href="">阿里云计算</a></li>
				<li><a href="">阿里巴巴集团</a></li>
				<li><a href="">淘宝网</a></li>
				<li><a href="">天猫</a></li>
				<li><a href="">聚划算</a></li>
				<li><a href="">全球速卖通</a></li>
				<li><a href="">阿里巴巴国际交易市场</a></li>
				<li><a href="">1688</a></li>
				<li><a href="">阿里妈妈</a></li>
				<li><a href="">阿里云计算</a></li>
			</ul>
		</div>
		<div class="footer-bd">

			<a href=" ">关于淘宝</a> <a href=" ">合作伙伴</a> <a href=" ">营销中心</a> <a
				href=" ">廉正举报</a> <a href=" ">联系客服</a> <a href=" ">开放平台</a> <a
				href=" ">诚征英才</a> <a href=" ">联系我们</a> <a href=" ">网站地图</a> <a
				href=" ">法律声明</a> <em>© 2003-2015 Taobao.com 版权所有</em><br> <br>
			<span>网络文化经营许可证：<a href=" ">浙网文[2013]0268-027号</a></span> <b>|</b> <span
				data-spm-protocol="i">增值电信业务经营许可证：<a href="">浙B2-20080224-1</a></span>
			<b>|</b> <span>信息网络传播视听节目许可证：1109364号</span> <b>|</b> <span>举报电话:0571-81683755</span>
		</div>
	</div>


	<script type="text/javascript" src="<%=basePath %>js/jquery.js"></script>
	<script type="text/javascript" src="<%=basePath %>js/swiper.min.js"></script>
	<script>
		var swiper = new Swiper('.swiper-container', {
			slidesPerView : 1,
			spaceBetween : 30,
			centeredSlides : true,
			loop : true,
			autoplay : {
				delay : 2500,
				disableOnInteraction : false,
			},
			pagination : {
				el : '.swiper-pagination',
				clickable : true,
			},
			navigation : {
				nextEl : '.swiper-button-next',
				prevEl : '.swiper-button-prev',
			},
		});
	</script>

</body>
</html>